<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>苏宁易购(Suning.com)-送货更准时、价格更超值、上新货更快</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <!-- 顶部跳转app开始 -->
    <div class="top-jump-app">
      <a href="#" class="close"></a>
      <a href="#" class="jump">
        <img src="./images/top-jump-app.jpg" />
      </a>
    </div>
    <!-- 顶部跳转app结束 -->
    <!-- 顶部导航搜索区域开始 -->
    <header>
      <div class="search">
        <!-- 顶部搜索分类，登录区域开始 -->
        <div class="search-top">
          <a href="#" class="search-top-classify">
            <img src="./images/classify.png" />
          </a>
          <a href="#" class="search-top-gif">
            <img src="https://image2.suning.cn/uimg/cms/img/161268949899016884.gif" />
          </a>
          <a href="#" class="search-top-login">
            <img src="./images/login.png" />
          </a>
        </div>
        <!-- 顶部搜索分类，登录区域结束 -->
        <!-- 顶部搜索区域搜索框开始 -->
        <div class="search-input">
          <a href="#">春节也送货 抢2021券</a>
          <i></i>
        </div>
        <!-- 顶部搜索区域搜索框结束 -->
      </div>
      <!-- banner区域开始 -->
      <div class="banner">
        <ul>
          <li>
            <a href="#"><img src="./images/banner01.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./images/banner01.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./images/banner01.jpg" /></a>
          </li>
          <li>
            <a href="#"><img src="./images/banner01.jpg" /></a>
          </li>
        </ul>
        <ol>
          <li></li>
          <li class="current"></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ol>
      </div>
      <!-- banner区域结束 -->
    </header>
    <!-- 顶部导航搜索区域结束 -->
    <!-- 主体内容区域开始 -->
    <main>
      <!-- 广告区域开始 -->
      <div class="banner_bottom">
        <a href="#"><img src="./images/banner_bottom01.gif" /></a>
      </div>
      <!-- 广告区域结束 -->
      <!-- 主体导航区域开始 -->
      <ul class="nav">
        <li>
          <a href="#">
            <img src="./images/nav_01.png" />
            <p>苏宁秒杀</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_02.png" />
            <p>苏宁超市</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_03.png" />
            <p>苏宁拼购</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_04.png" />
            <p>手机数码</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_05.png" />
            <p>苏宁家电</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_06.png" />
            <p>免费水果</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_07.png" />
            <p>super会员</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_08.png" />
            <p>签到有礼</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_09.png" />
            <p>领卷中心</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/nav_10.png" />
            <p>更多频道</p>
          </a>
        </li>
      </ul>
      <!-- 主体导航区域结束 -->
      <!-- 新人活动区域开始 -->
      <div class="new-people">
        <a href="#"><img src="./images/gift.png" /></a>
        <a href="#"><img src="./images/gift01.gif" /></a>
        <a href="#"><img src="./images/gift02.gif" /></a>
      </div>
      <!-- 新人活动区域结束 -->
    </main>
    <!-- 主体内容区域结束 -->
  </body>
</html>
